<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>GED-Sistema de Gerenciamento de Cursos Online</title>
	<meta name="keywords"
		content="graphite theme, professional, free templates, CSS, HTML" />
	<meta name="description"
		content="Graphite Theme, professional free CSS template from templatemo.com website" />
	<h:outputStylesheet library='css' name='templatemo_style.css' />

	<h:outputScript library='scripts' name='swfobject.js' />

	<script language="javascript" type="text/javascript">
		function clearText(field) {
			if (field.defaultValue == field.value)
				field.value = '';
			else if (field.value == '')
				field.value = field.defaultValue;
		}
	</script>

	<h:outputStylesheet library='css' name='ddsmoothmenu.css' />
	<h:outputScript library='scripts' name='ddsmoothmenu.js' />

	<script type="text/javascript">
		ddsmoothmenu.init({
			mainmenuid : "templatemo_menu", //menu DIV id
			orientation : 'h', //Horizontal or vertical menu: Set to "h" or "v"
			classname : 'ddsmoothmenu', //class added to menu's outer DIV
			//customtheme: ["#1c5a80", "#18374a"],
			contentsource : "markup" //"markup" or ["container_id", "path_to_menu_file"]
		})
	</script>

</h:head>
<body id="home">
	<h:body>
		<div id="templatemo_wrapper">
			<div id="templatemo_top">
				<div id="templatemo_login">
					<h:form id="loginForm" styleclass="loginPanelStyle">
						<p:growl id="msg" life="3000" /> 
						<p:inputText  id="txtUsu" value="#{loginMB.usuario}" name="usuario" size="10"
							title="usuario" onfocus="clearText(this)"
							onblur="clearText(this)" styleClass="txt_field" />
						<p:watermark for="txtUsu" value="Usuario" />
						<p:password value="#{loginMB.senha}" name="senha" size="10" styleClass="txt_field" id="txtSenha" />
						<p:watermark for="txtSenha" value="Senha" />
						<p:commandButton type="submit" name="Login" value=" "
							id="searchbutton" styleClass="sub_btn"
							actionListener="#{loginMB.login}" update="msg" />
					</h:form>
				</div>
			</div>
			<!-- end of top -->

			<div id="templatemo_header">
				<div id="site_title">
					<h1>
						<a href="http://www.templatemo.com">Free CSS Templates</a>
					</h1>
				</div>
				<div id="templatemo_menu" class="ddsmoothmenu">
					<ul>
						
					</ul>
					<br style="clear: left" />

				</div>
			</div>
			<!-- end of header -->

			<div id="templatemo_middle">
				<div id="mid_slider">
					<div id="flash_grid_slider">
						<a href="http://www.flashmo.com/preview/flashmo_224_grid_slider"
							target="_blank"> Flash XML Grid Slider </a> <br /> <br /> <a
							href="http://www.adobe.com/go/getflashplayer"> <img
							src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
							alt="Get Adobe Flash player" />
						</a>
					</div>
				</div>
				<div id="mid_left">
					<div id="mid_title">
						Bem vindo ao GED<span>Sistema de Gerenciamento de Educação
							à Distância</span>
					</div>
					<p>O sistema propõe o gerenciamento acadêmico de conteúdo e
						atividades passados em sala de aula. Estabelecendo, assim, um meio
						que o professor possa avaliar, compartilhar material, cadastrar e
						agendar atividades e questionários e criar fóruns de discussão.</p>
					<div id="learn_more">
						<a href="#">Saiba Mais</a>
					</div>
				</div>
				<div class="cleaner"></div>
			</div>
			<!-- end of templatemo_middle -->

			<div id="templatemo_main">
				<div class="col_fw">
					<div class="col_w240 fp_service_box">
						<h:graphicImage library="images" name="icon-01.png" />
						<h3>
							Provas Online<br /> <span>Pellentesque luctus</span>
						</h3>
						<p>Donec condimentum luctus vestibulum. In fermentum, tortor
							sit amet fermentum euismod.</p>
						<a class="more" href="#">Detalhes</a>
					</div>
					<div class="col_w240 fp_service_box">
						<h:graphicImage library="images" name="icon-02.png" />
						<h3>
							Fórum de Discussão <br /> <span>Morbi facilisis</span>
						</h3>
						<p>Duis urna tortor, sollicitudin tempus tempor et, vehicula
							sit amet justo. Aliquam magna sem.</p>
						<a class="more" href="#">Detalhes</a>
					</div>
					<div class="col_w240 fp_service_box col_last">
						<h:graphicImage library="images" name="icon-03.png" />
						<h3>
							Cadastro de Material de Aula <br /> <span>Dui vitae
								interdum</span>
						</h3>
						<p>Cras at venenatis orci. Donec iaculis egestas orci, vel
							porttitor lectus consequat nec.</p>
						<a class="more" href="#">Detalhes</a>
					</div>
					<div class="col_w240 fp_service_box col_last">
						<h:graphicImage library="images" name="icon-04.png" />
						<h3>
							Agendamento Atividades <br /> <span>Faucibus risus vitae</span>
						</h3>
						<p>Quisque mattis facilisis orci quis volutpat. Aliquam erat
							volutpat. Donec mi eros, eleifend vitae nisl.</p>
						<a class="more" href="#">Detalhes</a>
					</div>
					<div class="cleaner"></div>
				</div>
			</div>
		</div>
		<!-- end of wrapper -->
		<div id="templatemo_footer_wrapper">
			<div id="templatemo_footer">
				Copyright © 2013 <a href="#">Sistema GED</a> |
				<div class="cleaner"></div>
			</div>
		</div>

	</h:body>
</body>
</html>